<template>
  <div class="wantBuy-step">
    <u-icon name="checkmark-circle-fill" color="#54BF83" size="120" />
    <view class="msg">{{ $t('locales.publishSuccess') }}</view>
    <u-button type="" size="mini" shape="circle" @click="onDetail">{{ $t('locales.viewDetails') }}</u-button>
  </div>
</template>
<script>
export default {
  props: {
    row: {
      type: Object,
      default: () => {}
    }
  },

  methods: {
    onDetail() {
      uni.redirectTo({
        url: '/pages/wantBuy/detail?id=' + this.row.id || 0
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.wantBuy-step {
  width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .msg {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #212121;
    margin: 22rpx 0 55rpx 0;
  }
}
</style>